<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base target="${cxt } /" />
<meta charset="UTF-8">
<title>订单填写</title>
<link rel="stylesheet" type="text/css" href="css/dz/dz_oder_contrl.css" />
<script src="js/jquery-3.2.1.min.js" type="text/javascript"
	charset="utf-8"></script>
<script type="text/javascript">
	$(function() {
		$("[name=btn_zf]").click(function() {
			yanzhen();
		});
	});

	function yanzhen() {
		var name = $("[name=dz_name]").val();
		var card = $("[name=dz_card]").val();
		var email = $("[name=dz_email]").val();
		if (name == "" || name == null) {
			$("[name=dz_name]").css("border", "1px solid red");
		}
		if (card == "" || card == null) {
			$("[name=dz_card]").css("border", "1px solid red");
		}
		if (email == "" || email == null) {
			$("[name=dz_email]").css("border", "1px solid red");
		}
	}
</script>

</head>
<body>
	<div class="dz_zcControl_base">
			<img class="zcControl_img" src="img/dz/img_oder_contrl/order_proce.png" />
			<div class="newpg-proce">
				<div class="newpg-proce_left">
					<div>
					<img src="img/dz/img_oder_contrl/87_b.jpg" />
				</div>
					<div class="proce_left_lin">
					
						<p class="f1_p1">雪佛兰新科鲁兹</p>
						<p class="f1_p2">三厢/1.5自动 | 乘坐5人</p>
						<dd class="f1_dd">
							<a href="#" class="f1_a1">查看配置信息</a>
							<a href="#" class="f1_a2">修改订单</a>
						</dd>
					</div>
				</div>

				<div class="newpg-proce_right">
					<div class="proce_right">
						<p class="f1_p3">
						<i></i>取车</p>
						<p class="f1_p4"><% out.print(request.getParameter("date1")); %></p>
						<p class="f1_p4"><% out.print(request.getParameter("city1")+" "+request.getParameter("city1_2")); %></p>
					</div>
					<div>
						<p class="f1_p5">
						<i></i>还车</p>
						<p class="f1_p4"><% out.print(request.getParameter("date2")); %></p>
						<p class="f1_p4"><% out.print(request.getParameter("city2")+" "+request.getParameter("city2_2")); %></p>
					</div>
				</div>

				<div class="newbg_wxts">
					<i></i>
					<span>温馨提示：还车结算时，可使用您账户中100元的新用户专享券。</span>
				</div>
			</div>

			<div class="newbg_form">
				<h3>
						租车人信息<span>请认真填写一下信息，取车时需要现场核对！</span>
					</h3>
				<form class="page_form" action="" method="post">
					<ul class="ul1">
						<li><span><span class="dz_start">*</span>
						<dd>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</dd></span><input
						class="input_box" name="dz_name" type="text" placeholder="请输入您的姓名" /></li>
						<li>
							<span><span class="dz_start">*</span>
						<dd>证件类型</dd></span>
							<select class="input_selec">
								<option>身份证</option>
								<option>台湾居民来往大陆通行证</option>
								<option>港澳居民来往大陆通行证</option>
								<option>外籍证件</option>
							</select>
						</li>
						<li><span><span class="dz_start">*</span>
						<dd>证件号码</dd></span><input class="input_box" name="dz_card" type="text"
						placeholder="请输入证件号码" /></li>
						<li><span><span class="dz_start0">*</span>
						<dd>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</dd></span><input
						class="input_box" name="dz_email" type="text"
						placeholder="请输入您的邮箱地址" />
							<div class="dz_relative">
							<input class="input_check" type="checkbox" class="emailFlag"
								checked="checked">希望接收租车优惠信息</div>
						</li>
					</ul>
					<div class="phon">
						<p>下单成功后，提醒信息会发送至手机
							

					<dd>188****8751</dd>
							<a href="#">[修改]</a>
						</p>
					</div>
					<div class="oders">
						<p class="oders_p">取车时,出示以下证件的原件：本人二代身份证、本人国内有效驾驶证正副本、本人一张信用及可用额度均不低于3000元的国内有效信用卡，所有证件有效期须至少超过当次租期的两个月以上。</p>
					</div>
					<h3>费用明细</h3>
					<ul class="zf_ul">
						<li><span class="odr">车辆租赁及门店服务费</span><span class="odr_pice">￥248</span></li>
						<li><span class="odr">基本保险费</span><span class="odr_pice">￥248</span></li>
						<li><span class="odr">其他费用</span><span class="odr_pice">￥20</span></li>
					</ul>
					<h3>发票类型</h3>
					<div class="radio_div">
					<input type="radio" name="a" checked="checked">不需要发票</input>
						<input type="radio" name="a">需要发票</input>
					</div>
					<div class="btn_div">
						<div class="pice">
							<span class="pice_sp1">订单总价&nbsp;</span><span class="pice_sp2">￥</span><span
							class="pice_sp3">309</span>
						</div>
						<div class="btn">
							<a name="btn_zf" class="btn1" href="#">支付全款</a>
							<a name="btn_tj" class="btn2" href="#">提交订单</a>
						</div>
					</div>
				</form>
				<div class="con">
					
				</div>
			</div>

			<div class="newbg_floot">
				<div class="floot_top">
					<p>退改规则</p>
				</div>
				<div class="floot_floot">
					<p>订单修改或取消：</p>
					<dd>a)取车时间距当前时间≥2个工作小时，请提前致电400 616 6666：取车时间在门店的营业时间内，请提前2小时申请；取车时间在门店营业时间之外，请您尽早致电申请。</dd>
					<dd>b)取车时间距当前时间＜2个工作小时，不接受修改。</dd>
					<p>（小贴士：如果您修改订单或取消订单重新预订，价格可能会发生变化。）</p>
				</div>
			</div>
		</div>
</body>

</html>